<div class="wrapper w-100 d-flex jc-center flex-column ai-center pt-5">
    <button class="btn open" >打开日历</button>
    <span class="text mt-5 text-grey-0"></span>
    <div class="box bg-white w-100">
        <div class="parent">
            <!-- 标题 -->
            <div class="d-flex px-4 pt-4 jc-between w-100">
                <span></span>
                <span class="selectTime">选择日期</span>
                <span class="close">×</span>
            </div>
            <!-- 标题 -->
            <!-- 箭头 -->
            <div class="d-flex parent-tips pt-5 jc-center ai-center">
                <img name="YearImg" id="0" src={{ left }} />
                <img name="MonthImg" id="0" class="mx-5" src={{ OneLeft }} />
                <span class="title">{{ showTitle }}</span>
                <img class="mx-5" id="1" name="MonthImg" src={{ OneRight }} />
                <img name="YearImg" id="1" src={{ rightL }} />
            </div>
            <!-- 箭头 -->
            <!-- 周数 -->
            <div class="cycle pt-4 d-flex text-center">
                {{ cycle }}
            </div>
            <!-- 周数 -->
            <!-- 日期渲染 -->
            <div class="d-flex main flex-wrap">
                {{ emptyTime }}
                {{ MainTime }}
            </div>
            <!-- 日期渲染 -->

            <!-- 背景大字 -->
            <div class="tips">{{ month }}</div>
            <!-- 背景大字 -->

            <div class="d-flex ai-center jc-center mb-5">
                <div name="btn" class="btn text-white text-center bg-blue">确定</div>
            </div>
        </div>
    </div>
</div>